<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<!-- Bootstrap -->
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">


<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<!-- iscroll -->
<script type="text/javascript" src="./js/iscroll.js"></script>
<script type="text/javascript" src="./js/iscrollAssist.js"></script>
<link rel="stylesheet" href="./css/iscroll.css">
<script type="text/javascript" src="./js/function.js"></script>
<script type="text/javascript" >
	(function($){
		$(function(){
			var pulldownAction = function(){
				newdata();//重新获取数据
				this.refresh();
				console.log("下拉执行逻辑");
			};
			var pullupAction = function(){
				
				moredata();//获取更多数据
				
				this.refresh();
				console.log("上拉执行逻辑");
			};
			var iscrollObj = iscrollAssist.newVerScrollForPull($('#wrapper'),pulldownAction,pullupAction);
			iscrollObj.refresh();
		});
	})(jQuery);
</script>

<script>
$(document).ready(function(){
newdata();
});
</script>

</head>
<body style="overflow-y:hidden;position:absolute;left:0em;right:0em;top:0em;bottom:0em;margin:0em">
<div id="main">

	<div id="content">
		<div id="wrapper" style="position:absolute;width:100%;height:100%;overflow:hidden">
			<dl style="-webkit-margin-before:0em;">
				
				<div id="pulldown" >
					<span class="pulldown-icon"></span><span id="pulldown-label"></span>
				</div>
				
				<div id="dataArea">
					<dd1>&nbsp</dd>
					<dd>2</dd>
					<dd>3</dd>
					<dd>4</dd>
					<dd>5</dd>
					<dd>6</dd>
					<dd>7</dd>
					<dd>8</dd>
					<dd>9</dd>
					<dd>10</dd>
					<dd>11</dd>
					<dd>12</dd>
					<dd>13</dd>
					<dd>14</dd>
					<dd>15</dd>
				</div>
				
				<div id="pullup" >
					<span class="pullup-icon"></span><span id="pullup-label"></span>
				</div>
				<br>	
			</dl>
		</div>
		
	</div>
	<div id="space" style="width:50%">
		
	
	</div>
	<div id="bottom">
		<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
	  		<div class="container">
			  	<div class="btn-group col-xs-12">
				    <a type="button" href="report.html" class="btn btn-default navbar-btn col-xs-6" ><span class="glyphicon glyphicon-cloud-upload"></span>汇报</a>
				    <a type="button" href="view.html" class="btn btn-default navbar-btn col-xs-6" ><span class="glyphicon glyphicon-stats"></span>查看</a>
			    </div>
		  	</div>
		</nav>
	</div>

</div>
</body>
</html>